CSS tabellen opdracht
Home

CSS tabellen opdracht

CSS tabellen opdracht

Opdracht Laboles 5 Tabellen

Wat hieraan voorafgaat

  1. HTML tabellen
  2. CSS tabellen

Opdracht

  1. Maak een submap met de naam labo5.
  2. Maak de voorbeeldoefening tabellen-met-css.html en css/spreadsheet.css.
  3. Maak de prijzentabel oefening
    1. De HTML plaats je in een bestand met de naam prijzentabel.html.
    2. De CSS plaats je in een bestand met de naam prijzentabel.css in de submap met de naam css.
    3. Schrijf HTML en CSS om het volgende resultaat zo nauwkeurig mogelijk te bereiken. Gebruik zoveel mogelijk technieken die we tot nu toe gezien hebben.

      Opdracht Tabel

    4. Let op:
      1. ronde randen kolomkoppen;
      2. alternatieve kleur voor rij-koppen;
      3. alternatieve kleur voor kolomkoppen;
      4. lettertype rij-koppen en gegevenscellen is groter dan lettertype kolomkoppen;
      5. zoek een lettertype dat gelijkt op het hier gebruikte lettertype;
      6. alternatieve kleur rijen (bijna wit voor oneven rijen, lichtgrijs voor even rijen);
      7. gecentreerde tekst voor kolomkoppen, alle andere links uitgelijnd;
      8. eerste kolomkop is leeg;
      9. let op de witruimte in de cellen (padding of margin?)
      10. gebruik van html symbolen
  4. Maak de opdracht in Visual Studio Code op je lokale computer.
  5. Maak een zipbestand van de map labo5 en stuur ze door via de link op Moodle.

Wat hieraan voorafgaat

  1. HTML tabellen
  2. CSS tabellen
JI
2020-10-18 11:13:36